<div>
    <br>
    <ol class="breadcrumb" style="margin-bottom: 0px">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage>
        </li>
        <li class="active">运营分析工作台 / 结算报表 </li>
    </ol>

    <ul class="nav nav-tabs marT15">
        <li role="presentation" class="active"><a href="#/settlementStatementM" style="color: #555;">结算报表(月)</a></li>
        <li role="presentation"><a href="#/settlementStatementY" style="color:#555;">结算报表(年)</a></li>
    </ul>

    <div class="marB15 clearfix">

        <form class="form-inline" action="settlementRep/out-excel" method="post" id="form">
            <div class="control-group row left marT15 marR10" style="margin-left: 0px">
                <div class="form-group left marR10">
                    <span class="search-name">开始时间</span>
                    <div class="input-group date form_datetime" style="width:175px;">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                        <input class="form-control yearMonthClick" size="16" type="text" id='startDate' ng-model="searchData.startDate"
                            name='startDate' readonly>
                        <span class="input-group-addon" ng-click='clearStart()'>清除</span>
                    </div>
                    <div class="date_picker selectYearMonths">
                        <input type="text" value="" disabled class="YearMonth">
                        <input type="button" value="确定" class="okBtn">
                        <input type="button" value="取消" class="closeBtn">
                        <div class="yearFormBox">
                            <div class="yearArr">
                                <span class="subYear">
                                    <</span> <span class="yearValue">
                                </span>
                                <span class="addYear">></span>
                            </div>

                            <ul class="monthBox">
                                <li>01</li>
                                <li>02</li>
                                <li>03</li>
                                <li>04</li>
                                <li>05</li>
                                <li>06</li>
                                <li>07</li>
                                <li>08</li>
                                <li>09</li>
                                <li>10</li>
                                <li>11</li>
                                <li>12</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group left">
                    <span class="search-name">结束时间</span>
                    <div class="input-group date form_datetime1" style="width:175px;">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                        <input class="form-control yearMonthClickEnd" size="16" type="text" ng-model='searchData.endDate' id="endDate"
                            name='endDate' readonly>
                        <span class="input-group-addon" ng-click='clearEnd()'>清除</span>
                    </div>
                </div>
                <div class="date_pickerEnd selectYearMonthsEnd">
                    <input type="text" value="" disabled class="YearMonthEnd">
                    <input type="button" value="确定" class="okBtnEnd">
                    <input type="button" value="取消" class="closeBtnEnd">
                    <div class="yearFormBoxEnd">
                        <div class="yearArrEnd">
                            <span class="subYearEnd">
                                <</span> <span class="yearValueEnd">
                            </span>
                            <span class="addYearEnd">></span>
                        </div>

                        <ul class="monthBoxEnd">
                            <li>01</li>
                            <li>02</li>
                            <li>03</li>
                            <li>04</li>
                            <li>05</li>
                            <li>06</li>
                            <li>07</li>
                            <li>08</li>
                            <li>09</li>
                            <li>10</li>
                            <li>11</li>
                            <li>12</li>
                        </ul>
                    </div>
                </div>
            </div>
            <input type="text" style="display: none" name="dateFormat" value="month">
        </form>
        <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></a>
        <div class="right marT15" style="position:relative">
            <button class="btn btn-sm btn-primary" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span
                    ng-style='loadStyle' class="outExcelLoad"><img src="img/load.gif"></span></button>
        </div>
    </div>

    <div class="table-box">

        <table class="table table-bordered table-striped text-center bg-info">
            <thead>
                <tr class="info">
                    <th class="text-center">月份</th>
                    <th class="text-center">通道</th>
                    <th class="text-center">下发短信总量（条）</th>
                    <th class="text-center">发送成功数</th>
                    <th class="text-center">发送失败数</th>
                    <th class="text-center">未返回结果总条数</th>
                    <th class="text-center">接收短信总量（条）</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="Item in result">
                    <td>{{ Item.date }}</td>
                    <td class="w115">{{ Item.gateLinkName }}</td>
                    <td class="w115"><a ng-click="GoDsDetail(Item.date,Item.date,'','','',Item.gateLinkId)">{{
                            Item.smNums}}</a></td>
                    <td class="w115"><a ng-click="GoDsDetail(Item.date,Item.date,'1','','',Item.gateLinkId)">{{
                            Item.recvSuc }}</a></td>
                    <td class="w115"><a ng-click="GoDsDetail(Item.date,Item.date,'','1','',Item.gateLinkId)">{{
                            Item.recvFail }}</a></td>
                    <td class="w115"><a ng-click="GoDsDetail(Item.date,Item.date,'','','1',Item.gateLinkId)">{{
                            Item.recvNone }}</a></td>
                    <td class="w115"><a ng-click="GoUpDetail(Item.date,Item.date,'',Item.gateLinkId)">{{ Item.upTotal
                            }}</a></td>
                </tr>
                <tr>
                    <!-- <td>{{ result[2].date }}</td> -->
                    <td colspan='2'>汇总</td>
                    <td><a ng-click="GoDsDetail(searchData.startDate,searchData.endDate,'','','','')">{{ smNumsCount }}</a></td>
                    <td><a ng-click="GoDsDetail(searchData.startDate,searchData.endDate,'1','','','')">{{ recvSucCount
                            }}</a></td>
                    <td><a ng-click="GoDsDetail(searchData.startDate,searchData.endDate,'','1','','')">{{ recvFailCount
                            }}</a></td>
                    <td><a ng-click="GoDsDetail(searchData.startDate,searchData.endDate,'','','1','')">{{ recvNoneCount
                            }}</a></td>
                    <td><a ng-click="GoUpDetail(searchData.startDate,searchData.endDate,'','')">{{ upTotalCount }}</a></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<!-- 加载框 -->
<span class='loaded' ng-show='loaded'><img src="img/load.gif"></span>
<!-- 加载框 完成-->